﻿<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
    <title>SpreadJS 触屏示例</title>
    <link href="./lib/bootstrap-3.3.5-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="./lib/spread/css/gcspread.sheets.excel2016colorful.9.40.20161.0.css" rel="stylesheet" type="text/css" />
    <link href="./css/index.css?v=5" rel="stylesheet" type="text/css" />
</head>

<body>
    <div class="spread-container" >
        <div id="ss"></div>
    </div>
    <div class="tipModal">
        <div class="modal-backdrop fade in"></div>
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="tipContet">
                    <ul class="list-group">
                        <li class="list-group-item list-group-item-success">横屏体验更佳！</li>
                        <li class="list-group-item list-group-item-info">试试在表格中双指缩放！再次点击当前单元格，唤起操作框</li>
                        <li class="list-group-item list-group-item-success">数据季度分组。点击分组头部数字，快速展开分组</li>
                        <li class="list-group-item list-group-item-info">使用条件格式自动高亮数据。小于100数据为红色，900以上为绿色</li>
                        <li class="list-group-item list-group-item-success">统计区域使用Excel公式自动计算</li>
                        <li class="list-group-item list-group-item-info"><strong>点击开始体验！</strong></li>

                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="helpButton" style="display:none">
        <span class="glyphicon glyphicon-question-sign"></span>
    </div>
    <div id="qr">
        <div class="tip">扫码二维码体验</div>
        <div>
            <img src="./images/qr.png" />
        </div>
        <div id="qrClose">
            <span class="glyphicon glyphicon-remove"></span>
        </div>
    </div>
    <script type="text/javascript" src="./lib/spread/external/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="./lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="./lib/spread/scripts/gcspread.sheets.all.9.40.20161.0.min.js"></script>
    <script type="text/javascript" src="./lib/spread/scripts/pluggable/gcspread.sheets.print.9.40.20161.0.min.js"></script>
    <script type="text/javascript" src="./lib/spread/scripts/resources/zh/gcspread.sheets.resources.zh.9.40.20161.0.min.js"></script>
    <script type="text/javascript" src="./js/index.js?v=1"></script>
    <script>
        (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date(); a = s.createElement(o),
            m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-852777-12', 'gcpowertools.com.cn');
        ga('send', 'pageview');
    </script>

</body>

</html>